<template>
	<view class="wrapper txtlogo">
		<view class="header flex justify-center align-center">
			<view class="userInfo flex flex-direction align-center text-center text-white">
				<view class="cu-avatar xl round" style="background-image: url('http://img1.imgtn.bdimg.com/it/u=274523799,975261202&fm=26&gp=0.jpg');"></view>
				<view class="margin-top-xs">单逸</view>
			</view>
		</view>
		
		<view class="vip cu-card">
			<view class="cu-item">
				<navigator hover-class="none" class="vipcard padding flex flex-direction bg-black justify-between text-xs">
					<view>
						<text class="cuIcon-vip text-white margin-lr-xs lg"></text>
						<text>13235601859</text>
					</view>
					<view class="flex justify-between">
						<view>当前成长值：0</view>
						<view>升级到VIP2还需10</view>
					</view>
				</navigator>
			</view>
		</view>
		
		<view class="order cu-card">
			<view class="cu-item">
				<view class="cu-list menu solid-bottom">
					<navigator class="cu-item arrow" hover-class="none" url="/pages/order/order?state=0" open-type="navigate">
						<view class="content">
							<text class="cuIcon-pay text-orange sm"></text>
							<text class="">全部订单</text>
						</view>
					</navigator>
				</view>
				<view class="cu-list grid col-5 no-border text-xs">
					<view class="cu-item">
						<navigator hover-class="none"  url="/pages/order/order?state=1" open-type="navigate">
							<view class="cuIcon-pay">
								<view class="cu-tag badge">2</view>
							</view>
							<view>待付款</view>
						</navigator>
					</view>
					<view class="cu-item">
						<navigator hover-class="none" url="/pages/order/order?state=2" open-type="navigate">
							<view class="cuIcon-send">
								<view class="cu-tag badge">2</view>
							</view>
							<view>待发货</view>
						</navigator>
					</view>
					<view class="cu-item">
						<navigator hover-class="none" url="/pages/order/order?state=3" open-type="navigate">
							<view class="cuIcon-deliver">
								<view class="cu-tag badge">2</view>
							</view>
							<view>待收货</view>
						</navigator>
					</view>
					<view class="cu-item">
						<navigator hover-class="none" url="/pages/order/order?state=4" open-type="navigate">
							<view class="cuIcon-comment">
								<view class="cu-tag badge">99+</view>
							</view>
							<view>待评价</view>
						</navigator>
					</view>
					<view class="cu-item">
						<navigator hover-class="none" url="/pages/order/order?state=5" open-type="navigate">
							<view class="cuIcon-shop">
								<view class="cu-tag badge">2</view>
							</view>
							<view>退款/售后</view>
						</navigator>
					</view>
				</view>
			</view>
		</view>
		
		<view class="cu-list grid col-4 no-border card-menu text-xs">
			<view class="cu-item">
				<navigator hover-class="none"  url="/pages/index/index" open-type="switchTab">
					<view class="cuIcon-rechargefill text-red"></view>
					<view>我的余额</view>
				</navigator>
			</view>
			<view class="cu-item">
				<navigator hover-class="none"  url="/pages/index/index" open-type="switchTab">
					<view class="cuIcon-vip text-mauve"></view>
					<view>我的会员</view>
				</navigator>
			</view>
			<view class="cu-item">
				<navigator hover-class="none"  url="/pages/index/index" open-type="switchTab">
					<view class="cuIcon-favorfill text-orange"></view>
					<view>我的收藏</view>
				</navigator>
			</view>
			<view class="cu-item">
				<navigator hover-class="none"  url="/pages/index/index" open-type="switchTab">
					<view class="cuIcon-videofill text-olive"></view>
					<view>我的课程</view>
				</navigator>
			</view>
		</view>
		
		<view class="cu-list menu card-menu margin-top">
			<navigator hover-class="none"  url="/pages/index/index" open-type="switchTab" class="cu-item arrow">
				<view class="content">
					<text class="cuIcon-location text-blue"></text>
					<text>地址管理</text>
				</view>
			</navigator>
			<navigator hover-class="none"  url="/pages/set/set" open-type="navigate" class="cu-item arrow">
				<view class="content">
					<text class="cuIcon-settings text-orange light"></text>
					<text>设置</text>
				</view>
			</navigator>
		</view>
		
		<view class="cu-list menu card-menu margin-top">
			<navigator hover-class="none"  url="/pages/index/index" open-type="switchTab" class="cu-item arrow">
				<view class="content">
					<text class="cuIcon-taoxiaopu text-pink"></text>
					<text>关于三木木</text>
				</view>
			</navigator>
			<navigator class="cu-item arrow">
				<view class="content">
					<text class="cuIcon-servicefill text-cyan"></text>
					<text>客服中心</text>
				</view>
			</navigator>
			<navigator class="cu-item arrow">
				<view class="content">
					<text class="cuIcon-formfill text-orange light"></text>
					<text>常见帮助</text>
				</view>
			</navigator>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.wrapper{
	.header{
		height:200px;
		background: url('https://handsel.oss-cn-shenzhen.aliyuncs.com/1588938371592.jpg') no-repeat;
		background-size: cover;
		z-index: 9;
		border-radius: 0 0 30px 30px;
	}
	.vip{
		display: none;
		margin-top:-32px;
		.cu-item{
			margin: 0px 15px;
			.vipcard{
				height: 100px;
			}
		}
	}
	.order{
		margin-top:-32px;
		.cu-list+.cu-list{margin-top: 0px!important;}
	}
}
</style>
